@import "../variable";

.layui-card-se{
    background: -webkit-radial-gradient(#07274d,#041830, #0d3670); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(#07274d,#041830, #0d3670); /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(#07274d,#041830,  #0d3670); /* Firefox 3.6 - 15 */
    background: radial-gradient(#07274d,#041830,  #0d3670); /* 标准的语法（必须放在最后） */
    .layui-card-header{
        color: #86adf8;
        border-bottom-color: rgba(255, 255, 255, 0);
    }
    .layui-card-body{
        .table-box{
          border: none;
            th,td{
                padding: 9px 10px;
                font-size:12px;
                text-align: center;
            }
            thead{
              th{
                background-color: #010e1d;
                color: #5d8ae1;
                border-color: #173c86;
              }
            }
          tbody{
            tr{
              td{
                border: 1px solid #173c86;
                color: #d3ddff;
                background: #051e3b;
              }
            }
          }
        }

      .landforms{
        background: none;
        tbody{
          tr{
            &:hover{
              background: none;
            }
            td{
              background: none;
              border: none;
              &:nth-child(1){
                border-right: 1px solid #173c86;
                border-bottom: 1px solid #173c86;
              }
              &:nth-child(2){
                border-bottom: 1px solid #173c86;
              }
            }
            &:last-child{
              td{
                  border-bottom:none;
              }
            }
          }
        }
      }
      .box-center{
        width: 100%;
        height: 491px;
      }
      .map-center{
        width: 100%;
        height: 568px;
      }
    }

}

.fnt-st{
  color: @navFont;
  font-size: 14px;
  line-height: 35px;
  @media only screen and (min-height: 800px) and (max-height: 1000px){
    font-size: 20px;
  }
}

.row-line{
  line-height: 60px;
}

.item-bn{
  margin-bottom: 3px;
}

.sensor{
  @media only screen and (min-height: 800px) {
    height: 190px;
    padding-top: 25px;
  }
  .sensor-box{
    padding: 0 40px;
    .cg-ico{
      width: 64px;
      height: 64px;
      line-height: 64px;
      border:2px solid  #417cc8;
      background: #122841;
      //box-shadow:10px 10px 30px 20px rgba(0, 0, 0, .5) inset;
      border-radius: 10px;
      i{
        font-size: 30px;
      }
    }
  }
  .sensor-hover{
    color: @decColor;
    .clr-red{
      color: @decColor;
    }
    .cg-ico{
      border:2px solid  @decColor;
    }
  }
  &.sensor-wt{
    @media only screen and (min-height: 800px) and (max-height: 1000px){
      height: 254px;
      padding-top: 25px;
    }
  }
}


.warn-tip{
  padding-right: 70px;
  span{
    padding-left: 30px;
  }
}

.row-top{
  margin-top: 15px;
}

.corner-tl{
  .cornerSize();
  top:0;
  left: 0;
  background: @cornerTl no-repeat center center;
}

.corner-tr{
  .cornerSize();
  top: 0;
  right: 0;
  background: @cornerTr no-repeat center center;
}

.corner-bl{
  .cornerSize();
  bottom: 0;
  left: 0;
  background: @cornerBl no-repeat center center;
}

.corner-br{
  .cornerSize();
  bottom: 0;
  right: 0;
  background: @cornerBr no-repeat center center;
}

.card-em{
  background-image: @emBg;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.circle{
  margin: 0 auto;
  width: 58px;
  height: 58px;
  line-height: 58px;
  border-radius: 50%;
  background: #041b36 ;
  border: 1px solid #0d3361;
  i{
    font-size: 32px;
    color: #6eadff;
  }
}

